웹 개발
루트캠프_01_팀 포털 사이트 구축 계획
작성자 : Heehyeon Yoo|2025-11-11
# Blog# Project# PRD# Next.js# Team
팀이 만들어졌는데....
구름톤 정보보호16기 과정에 참여하면서 조가 만들어졌다.
조 이름은 rootcamp, 대충 뿌리부터 같이 배우는 부트캠프 느낌 + 보안 과정 답게 루트 권한을 가졌다는 뉘앙스도 있다.
프로젝트 조는 아니고, 이론 스터디 동안 서로 으쌰으쌰하면서 배운 것도 공유하고.... 그런 목적의 조다.
첫 스터디 모임이다 보니 각자 서로 이 분야의 진로나 공부 목적 등을 정해와서 발표하기로 했는데,
우리 조의 구성원들이 배경이 비전공자, 전공자, 현업자, 나같은 커리어 전환자 등으로 다양하다 보니
같이 보고 활용할만한 뭔가를 만들고 싶다는 생각이 들었다.
그래서 팀 전용 정보 포털 같은 느낌의 정적 웹사이트를 하나 만들기로 했다.
PRD 요약
목표
- 정보보호 분야 핵심 정보(뉴스/진로/사이트 등)를 구조화해 제공
- 팀원들이 쉽게 접근하고, 필요할 때 바로 참고 가능하게 만들기
대상
- 구름톤 정보보호 16기 이론 2조 팀원
- 보안 입문자
핵심 기능
- 뉴스: ASEC 블로그 RSS 기반 최신 정보보호 뉴스 제공
- 진로 탐색: 직무별 공통/특화 스킬, 자격증, 학습 로드맵 정리
- 유용한 사이트: 학습/도구/웹진 링크 모음
- 팀 소개: 팀원 프로필 및 역할 정리
완료 기준
- 핵심 페이지 4개(뉴스/진로/유용한 사이트/팀 소개) 완성
- 기본 UI/UX 흐름 정리
- 데이터/콘텐츠 구조 고정
기술 스택 방향
배포/유지보수가 쉬워야 한다.
그래서 아래 기준으로 선택했다.
- Framework: Next.js (App Router)
- Language: TypeScript
- Styling: CSS + 간단한 컴포넌트 구조
- Data: JSON 기반 구조 → 이후 필요시 DB로 확장
- Deployment: Vercel